<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form >
   <div id="div1">
       <div v-for="data in datas">
           <table>
           <td width="150px" v-text="data.id"></td>
           <td width="150px" v-text="data.name"></td>
           <td width="150px" v-text="data.age"></td>
           <td width="150px" v-text="data.sex"></td>
           </table>
       </div>
   </div>
</form>
</body>
<script src="../js/jquery.min.js"></script>
<script src="../js/vue.min.js"></script>
<script>
    var vm = new Vue({
        el:"#div1",
        data: {
            datas:[]
        },
        mounted:function(){
            this.show();
        },
        methods: {
            show: function () {

                $.ajax({
                    url:"query",
                    dataType:"json",
                    success:function (data) {
                        console.log(data);
                        for(var i=0;i<data.length;i++){
                            vm.datas.push(data[i]);
                        }
                    }
                })
            }
        },
    });

</script>
</html>